.wred,.wr{color:#f00}

.wgreen,.wg{color:#0a0}

.wblue,.wb{color:#00f}

.wpurple{color:#a0a}

.wpink{color:#f0f}

.worange{color:#f60}

.wskyred{color:#f08}

.wskyblue{color:#06f}

.fw{font-weight:bold}

.picgg{width:100%;height: 40px}

.picgg2{width:100%;height: 60px}



@media (min-width:720px) {

  .picgg{height: 60px}

  .picgg2{height: 80px}

}



/******************/

.bg_red,.bg_r {

 background:#f00

}



.bg_blue,.bg_b{

 background:#36f

}



.bg_green,.bg_g {

 background:#093

}



.bg_null {

 background:#5d1e92

}



.cgi-con-tit {

 padding:6px 0;

 font-size:17px;

 font-weight: bold;

 background:#435a9e;

 text-align:center;

 border-radius: 4px;

}



.cgi-con-tit span {

 height:16px;

 line-height:16px;

 display:inline-block;

 color:#ff0;

}



.cgi-con-tit font{

 color:#fff

}



.cgi-con .cgi-con-tit:nth-child(1) {

 border-top:0

}



.cgi-con td {

 text-align:center;

 padding:3px 0;

 border:1px solid #ddd

}



.cgi-con td font{

  color:#f00;

}



.cgi-con td span {

 color:#f00;

}



.cgi-con td span.sx {

 background:#f00

}



.cgi-con-bg {

 /*width:42%;*/

 color:#340dcf;

 font-weight:bold;

 background:#f8f8f8;

 background-image:-webkit-linear-gradient(to top,#f8f8f8,#fff);

 background-image:linear-gradient(to top,#f8f8f8,#fff)

}



.cgi-con-bg b {color:#0092bf}

.cgi-con-qi {font-size:12px}

.cgi-con-grey {

 height:2px;

 overflow:hidden;

 background:transparent

}



/***** readme *****/



.sx table {

border-collapse: collapse;

border-spacing: 0;

}



.sx table tr {

display: table-row;

vertical-align: inherit;

border-color: inherit;

}



.sx table td {

border: 1px solid #e5e5e5;

padding: 3px 2px;

word-break: break-all;

}

.sx ul, .sx li, .sx dl, .sx dt, .sx dd{margin:0;padding:0}

.sx ul {

display: block;

list-style-type: disc;



}

.sx ul li img {

vertical-align: middle;

border: 0;

width:40px;

height:40px;

}

.sx1 li{

float: left;

width: 33.333333%;

padding: 5px 0;

text-align: center;

}

.sx span{

height: 18px;

line-height: 18px;

margin: 0 2px;

padding: 0 3px;

font-size: 12px;

color: #fff;

display: inline-block;

background-color: #f00;

}



.sx span.blue{

background-color: #3366ff;

}



.sx span.green{

background-color: #009933;

}



@media (min-width: 320px) and (max-width:359px){

.sx1 li{width: 50%}

}

@media (min-width: 360px) and (max-width: 374px){

.sx1 li{width: 50%}

}

@media (min-width: 375px) and (max-width: 392px){

.sx ul li .tm01 span{margin:0 1px;padding:0 2px}

}

@media (min-width: 393px) and (max-width: 413px){

.sx ul li .tm01 span{margin:0 1px;padding:0 2px}

}

@media (min-width: 414px) and (max-width: 767px){

}

@media (min-width:768px){

.sx1 li{width: 25%}

}